// 每一个js页面由以下三个部分组成
// 1.当前页面的样式
require('./register.less')

// 2.公用js  ---操作DOM，发送Ajax，验证工具，本地存储
let dom = require('../../utils/dom.js')
let validator = require('../../utils/validator.js')

// 2.引入插件
let CaptchaMini = require("captcha-mini")
// console.log(CaptchaMini);
// 3.当前页面的js
dom.ready(function () {
    
    // 处理一下验证码
    /*不传值，统一走默认值*/
    let captcha1 = new CaptchaMini({
        fontSize:30,
    });
    captcha1.draw(document.querySelector('#captcha1'), r => {
        console.log(r, '验证码1');
    });

    // 表单数据验证： 手机号 验证码 密码 确认密码
    
    dom.addEvent('#regBtn',function(){
        // 判定没一个字段都必须 非空，必须符合规则
        // 1.验证手机号---通过直接发Ajax,不通过才阻止
        if(phone.value===''){//非空验证
           console.log('您的手机号不能为空');
           return false;
        }else if(!validator.checkPhone(phone.value)){//不通过正则
           console.log('您的手机号不符合规则');
           return false;
        }else{
            console.log('都通过');
        }
        // // 2.验证验证码
        // else if(){

        // }
        // // 3.验证密码
        // else if(){

        // }
        // // 4.验证确认密码
        // else if(){

        // }
        // if(){

        // }else if()

        
    })
})
